extends ./layout/default_layout
block container
  #playVideo
    .videoBox
      legend <魔兽>第一部，传奇影业的《魔兽》<魔兽>第一部，传奇影业的《魔兽》
      audio(poster="http://img5.gomein.net.cn/image/bbcimg/productDesc/descImg/201308/desc04/A0003735388/815799.jpg" controls)
    .tabs
      .tab.active 详情
      .tab 视频列表
    .pages
      .page.show
        .detail
          .videoName <魔兽>第一部，传奇影业的《魔兽》<魔兽>第一部，传奇影业的《魔兽》
          .bar
            img.avatar
            span.name 路飞
            span.video 45
            time 2015-10-06
            span.comment(onclick="window.location.href='/comments/1'") 68
      .page
        .item.playing.audioicon
          .title <魔兽>第一部，传奇影业的《魔兽》<魔兽>第一部，传 奇影业的《魔兽》
          button 试听
        .item
          .icon
          .title <魔兽>第一部，传奇影业的《魔兽
          button 试听
        .item
          .icon
          .title <魔兽>第一部，传奇影业的《魔兽
          button.pay 付费
  block script
    script.
      $(function(){
        var tab = $('.tab'),
          page = $('.page');
        $.each(tab,function(index){
          $(this).on('click',function(){
            tab.removeClass('active').eq(index).addClass('active');
            page.removeClass('show').eq(index).addClass('show');
          })
        })
      })

